<extend name="en_us:Public:base" />
<block name="title">
    <title>QRInn - Hotel management</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=64d1945d31e576a17fc394f2ae2f098d">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/RoomPage/index.css?rev=b0b2b5d5e9ba91bcfa75c4ecbef7542d">
    <link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.css" />
</block>
<block name="document">
    <div id="doc" class="container-above-md" data-today="{:date('Y-m-d')}" data-tomorrow="{:date('Y-m-d',strtotime('+1 days'))}">
        <include file="en_us:Public:Include_control_navbar" navbar-menu-setting="active" />
        <div id="doc-body" class="row">
            <include file="en_us:Public:Include_setting_side" doc-side-hotel="active" />
            <div id="doc-center" style="padding-bottom: 25px;">
                <div class="btn-group" id="tabSwitchGroup" style="margin-bottom: 25px;">
                    <a class="btn btn-raised btn-primary room-tab-index">Common room</a>
                    <a class="btn btn-raised room-tab-hour">Hour room</a>
                    <a class="btn btn-raised room-tab-long">Long rental room</a>
                </div>
                <div class="content-panel" id="room-index" style="margin-top: 0px;padding-bottom: 16px;">
                    <div class="content-panel-header">
                        <div class="content-panel-title">Common room</div>
                        <div class="content-panel-operation">
                            <notempty name="currentHotel">
                                <div class="btn-raised btn-sm btn-primary" data-toggle="modal" data-target="#addModal">Add room type</div>
                            </notempty>
                        </div>
                    </div>
                    <div class="content-panel-body">
                        <empty name="currentHotel">
                            <empty name="navbarHotels">
                                <div class="content-panel-empty vertical-middle-block sm-height typo-body-1">
                                    <div class="vertical-middle-block-cell">You have not created any inn yet</div>
                                </div>
                            <else/>
                                <div class="content-panel-empty vertical-middle-block sm-height typo-body-1">
                                    <div class="vertical-middle-block-cell">No enabled hotel</div>
                                </div>
                            </empty>
                        <else/>
                            <div class="content-panel-help">After the synchronization of the room can be used to lock the treasurer authorized qrcode room card issued, self-service fast to stay</div>
                            <notempty name="rooms">
                                <table class="table content-panel-table">
                                    <thead>
                                        <tr>
                                            <th>Room name</th>
                                            <th>Room number</th>
                                            <th>Default price</th>
                                            <if condition = "$isPayUclbrt eq true or $isFreeHotel eq true">
                                                <th>Charity sale price</th>
                                            </else>
                                            </if>
                                            <th>Rooms</th>
                                            <th>Operating</th>
                                        </tr>
                                    </thead>
                                    <tbody id="roomTypeList">
                                        <volist name="rooms" id="room">
                                            <tr data-value='{$room.id}'>
                                                <td class="col-xs-2"><span class="roomTypeName">{$room.name}</span></td>
                                                <td class="col-xs-5 roomNumbers" data-roomnumber='{$room.roomNames}'>
                                                    <volist name="room.room" id="roomItem">
                                                        <div class="roomNameTag" data-value="{$roomItem.id}" data-syn="{$roomItem.roomfrom}">{$roomItem.name}</div>
                                                    </volist>
                                                </td>
                                                <td class="col-xs-1">{$hotelDefaultSymbol}<span class="roomTypePrice">{$room.price}</span></td>
                                                <if condition = "$isPayUclbrt eq true or $isFreeHotel eq true">
                                                   <td class="col-xs-1">{$hotelDefaultSymbol}<span class="roomTypeCharityPrice">{$room.charityprice}</span></td>
                                                </else>
                                                </if>
                                                <td class="col-xs-1">{:count($room['room'])}</td>
                                                <td class="col-xs-3" data-type="{$room.name}" data-num="{$room.roomData}">
                                                	<div class="btn-link priceCalendar" >Default price</div>
                                                    <div class="btn-link editRoomBtn" data-toggle="modal" data-target="#editModal">Modify</div>
                                                    <div class="btn-link deleteRoomBtn" data-toggle="modal" data-target="#deleteModal">Delete</div>
                                                </td>
                                            </tr>
                                        </volist>
                                    </tbody>
                                </table>
                                <else/>
                                <div class="content-panel-empty vertical-middle-block sm-height typo-body-1">
                                    <div class="vertical-middle-block-cell">You have not added any room yet</div>
                                </div>
                            </notempty>
                        </empty>
                    </div>
                </div>
                <div class="content-panel hidden" id="room-hour" style="margin-top: 0px;padding-bottom: 16px;">
                    <div class="content-panel-header">
                        <div class="content-panel-title">Hour room
                        </div>
                        <div class="content-panel-operation">
                            <notempty name="currentHotel">
                                <div class="btn-raised btn-sm btn-primary" data-toggle="modal" data-target="#addHourRoomModal">Add hour room</div>
                            </notempty>
                        </div>
                    </div>
                    <div class="content-panel-body">           
                        <div class="content-panel-help" id="hour-room-info"></div>
                        <table class="table content-panel-table">
                            <thead>
                                <tr>
                                    <th>Room name</th>
                                    <th>Room number</th>
                                    <th>2 hours</th>
                                    <th>4 hours</th>
                                    <th>6 hours</th>
                                    <th>Rooms</th>
                                    <th>Operating</th>
                                </tr>
                            </thead>
                            <tbody id="hourRoomList">
                            </tbody>
                        </table>
                        <div id="hourRoomListBodyEmpty" class="typo-text-black-light typo-subhead hidden">Not yet added hour room</div>
                    </div>
                </div>
                <div class="content-panel hidden" id="room-long" style="margin-top: 0px;padding-bottom: 16px;">
                    <div class="content-panel-header">
                        <div class="content-panel-title">Long rental room
                        </div>
                        <div class="content-panel-operation">
                            <notempty name="currentHotel">
                                <div class="btn-raised btn-sm btn-primary" data-toggle="modal" data-target="#addLongRoomModal">Add Long rental room</div>
                            </notempty>
                        </div>
                    </div>
                    <div class="content-panel-body">
                        <div class="content-panel-help">Can live up to 7 months</div>
                        <table class="table content-panel-table">
                            <thead>
                                <tr>
                                    <th>Room name</th>
                                    <th>Room number</th>
                                    <th>Price({$hotelDefaultSymbol}/m)</th>
                                    <th>Rooms</th>
                                    <th>Operating</th>
                                </tr>
                            </thead>
                            <tbody id="longRoomList">
                            </tbody>
                        </table>
                        <div id="longRoomListBodyEmpty" class="typo-text-black-light typo-subhead hidden">Not yet added long room</div>
                    </div>
                </div>
                <div class="content-panel" id="content-panel-show" style="margin-top: 10px;padding-bottom: 16px">
                    <div class="content-panel-header">
                        <div class="content-panel-title">Hotel</div>
                        <div class="content-panel-operation">
                            <div class="btn-raised btn-sm btn-primary" data-toggle="modal" data-target="#addHotelModal">Add hotel</div>
                        </div>
                    </div>                        
                    <div class="content-panel-body" style="_height: 10px; min-height: 10px">
                        <div class="content-panel-help">The hotel room is the latest time to check out. The earliest check-in time of the hotel room will not affect the previous order.</div>
                        <table class="table content-panel-table">
                            <thead>
                            <tr>
                                <th>Hotel name</th>
                                <th>Application status</th>
                                <th>Expiration date</th>
                                <th>C/I time</th>
                                <th>C/O time</th>
                                <th class="night-audit"><span>Night Audit Time</span>
                                    <span class="iconfont icon-question-sign" style="font-size:14px ;margin-left: 2px;" data-toggle="tooltip" data-placement="right" data-container="#doc-center" data-html="true"  title='You are free to set or modify the Night Audit Time.After setting，when the scheduled orders  within that time period ，it needs to be checkout on the same day.For example, when the the Night Audit Time is 00: 00-02: 00 and the check-out time is 12: 00,and the customer made a reservation at 01:00 on the 1st，Then the check-out time of the order will be 12:00 on the 1st. Other cases scheduled orders by the normal check-out time;'></span>
                                    <div class="firstGuidePage hidden">
                                        <img src="/Public/uclbrt/image/night-audit-en.png"/>
                                        <div class="roger"></div>
                                    </div>
                                </th>
                                <th>Operating</th>
                            </tr>
                            </thead>
                            <tbody id="roomTypeHotelList">
                            <empty name="navbarHotels">
                            <else/>
                                <volist name="navbarHotels" id="vo">
                                    <tr data-id="{$vo.hotelentity_id}" data-stop="{$vo.status}" >
                                        <td class="col-xs-2"><span>{$vo.name}</span></td>
                                        <td class="col-xs-2">
                                            <if condition= "$vo.usage eq 1">
                                                <span class="activehotel">Dredge</span>
                                            <elseif condition= "$vo.usage eq 2"/> <!--$vo.status-->
                                                <span>Try</span>
                                            <elseif condition= "$vo.usage eq 3"/>
                                                <span>Test</span>
                                            <elseif condition= "$vo.usage eq 4"/>
                                                <span>Charity</span>
                                            <else />
                                                <span>Close</span>
                                            </if>
                                        </td>
                                        <td class="col-xs-2">
                                            <if condition= "$vo.enddate elt date('Y-m-d')">
                                                <span class="text-accent">{$vo.enddate}</span>
                                            <else />
                                                <span>{$vo.enddate}</span>
                                            </if>
                                        </td>
                                        <td class="col-xs-1">
                                            <span>{$vo.startTime}</span>
                                        </td>
                                        <td class="col-xs-1">
                                            <span>{$vo.endTime}</span>
                                        </td>
                                        <td class="col-xs-2">
                                            <if condition= "$vo['splitordertime'] eq '00:00'">
                                                <span>{$vo.splitordertime}</span>
                                            <else />
                                                <span>00:00 - {$vo.splitordertime}</span>
                                            </if>
                                        </td>
                                        <td class="col-xs-3" >
                                            <if condition= "$vo.status eq 0">
                                                <div class="btn-link text-accent submitStopConfirm">Stop the hotel</div>
                                                <div class="btn-link submitEditConfirm" style="margin-left: 8px;" data-name="{$vo.name}" data-id="{$vo.hotelentity_id}" data-end = "{$vo.endTime}" data-splittime = "{$vo.splitordertime}" data-start = "{$vo.startTime}" data-city="{$navbarHotels[$vo['hotelentity_id']]['city_id']}" data-district="{$navbarHotels[$vo['hotelentity_id']]['district_id']}" data-districtname="{$navbarHotels[$vo['hotelentity_id']]['districtName']}" data-toggle="modal" data-target="#editHotelModal" data-universaltimeid="{$navbarHotels[$vo['hotelentity_id']]['universaltime_id']}">Modify the hotel</div>
                                                <div class="btn-link submitStartConfirm hidden">EnabledHotel</div>
                                            <else />
                                                <div class="btn-link text-accent submitStopConfirm hidden">Stop the hotel</div>
                                                <div class="btn-link submitEditConfirm hidden" style="margin-left: 8px;" data-name="{$vo.name}" data-id="{$vo.hotelentity_id}" data-end = "{$vo.endTime}" data-splittime = "{$vo.splitordertime}" data-start = "{$vo.startTime}" data-city="{$navbarHotels[$vo['hotelentity_id']]['city_id']}" data-district="{$navbarHotels[$vo['hotelentity_id']]['district_id']}" data-districtname="{$navbarHotels[$vo['hotelentity_id']]['districtName']}" data-toggle="modal" data-target="#editHotelModal" data-universaltimeid="{$navbarHotels[$vo['hotelentity_id']]['universaltime_id']}">Modify the hotel</div>
                                                <div class="btn-link submitStartConfirm ">EnabledHotel</div>
                                            </if>
                                        </td>
                                    </tr>
                                </volist>
                            </empty>
                            <empty name="applyHotel">
                            <else />
                                <volist name="applyHotel" id="vo">
                                    <tr data-id="" data-stop="0">
                                        <td class="col-xs-2">{$vo.hotelname}</td>
                                        <td class="col-xs-2">
                                            <if condition= "$vo.status eq 0">
                                                <span class="text-accent">Pending review</span>
                                            <else />
                                                <span>Rejected</span>
                                            </if>
                                        </td>
                                        <td class="col-xs-2">
                                            <span></span>
                                        </td>
                                        <td class="col-xs-1">
                                            <span></span>
                                        </td>
                                        <td class="col-xs-1">
                                            <span></span>
                                        </td>
                                        <td class="col-xs-2">
                                            <span></span>
                                        </td>
                                        <td class="col-xs-3" >
                                        </td>
                                    </tr>
                                </volist>
                            </empty>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
    <!--Stop / enable the hotel的模态框-->
    <div class="modal fade" data-backdrop="static" id="disabledModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Stop / enable the hotel</div>
                </div>
                <div class="modal-body">
                    <form  class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-1 text-center" id="disabledHotels">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitDiabledConfirm">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Add hotel的模态框-->
    <div class="modal fade" data-backdrop="static" id="addHotelModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title" style="line-height: inherit;"><span class="charity activehotel">Add a charity inn</span><span  class="addHotel">Add certification inn</span><span class="smalltip hidden" style="color: red;font-size: 12px;"> (The staff will be reviewed as soon as possible)</span></div>
                </div>
                <div class="modal-body">
                    <form  class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Hotel name:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="hotelName" autocomplete="off" placeholder="Please enter the name of the hotel" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Hotel time zone:</label>
                            <div class="col-xs-9">
                                <select class="form-control" id="addRequestUniversalTime">
                                    <volist name="universalTimeList" id="universalTime">
                                        <option value="{$universalTime.universalTimeId}"  data-areacode="{$universalTime.areaCode}">({$universalTime.universalTimeUtc}){$universalTime.universalTimeName}</option>
                                    </volist>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Currency:</label>
                            <div class="col-xs-9">
                                <select class="form-control" id="addRequestMultiCurrency" disabled="disabled">
                                    <volist name="currencyInfo" id="currency">
                                        <option value="{$currency.id}">({$currency.standsymbol}) {$currency.name}/{$currency.usname} . {$currency.symbol}</option>
                                    </volist>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">City:</label>
                            <div class="col-xs-8 cityContainer" id="cityContainer">
                                <div class="tag-selected-container">
                                </div>
                                <div class="tag-avaliable-container">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Province:</label>
                            <div class="col-xs-8 districtContainer" id="districtContainer">
                                <div class="tag-selected-container">
                                </div>
                                <div class="tag-avaliable-container">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-11 col-xs-offset-1">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitAddHotel">OK</button>
                                <!--<button type="button" class="btn-sm btn-primary btn-raised" id="submitAddCharity">Add a charity inn</button>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Edit hotel的模态框-->
    <div class="modal fade" data-backdrop="static" id="editHotelModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Edit hotel</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Hotel name:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="editHotelName" autocomplete="off" placeholder="Please enter the name of the hotel" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                         <div class="form-group">
                            <label class="col-xs-3 control-label">Hotel time zone:</label>
                            <div class="col-xs-9">
                                <select class="form-control" id="editRequestUniversalTime">
                                    <volist name="universalTimeList" id="universalTime">
                                        <option value="{$universalTime.universalTimeId}"  data-areacode="{$universalTime.areaCode}">({$universalTime.universalTimeUtc}){$universalTime.universalTimeName}</option>
                                    </volist>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">City:</label>
                            <div class="col-xs-8 cityContainer" id="editCityContainer">
                                <div class="tag-selected-container">
                                </div>
                                <div class="tag-avaliable-container">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Province:</label>
                            <div class="col-xs-8 districtContainer" id="editDistrictContainer">
                                <div class="tag-selected-container">
                                </div>
                                <div class="tag-avaliable-container">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label"><span class="text-accent"></span>C/I time:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="requestStartTime" autocomplete="off" maxlength='5' placeholder="Fill in C/I time (format 00:00)" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>   
                        <div class="form-group">
                            <label class="col-xs-3 control-label"><span class="text-accent"></span>C/O time:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="requestEndTime" autocomplete="off" maxlength='5' placeholder="Fill in C/O time (format 00:00)" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label"><span class="text-accent"></span>Night Audit Time:</label>
                            <div class="col-xs-5">
                                <select class="form-control" id="select-splittime">
                                    <option value="00:00">00:00</option>
                                    <option value="01:00">01:00</option>
                                    <option value="02:00">02:00</option>
                                    <option value="03:00">03:00</option>
                                    <option value="04:00">04:00</option>
                                    <option value="05:00">05:00</option>
                                    <option value="06:00">06:00</option>
                                </select>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div> 
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitEditHotel">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Delete room type的模态框-->
    <div class="modal fade" data-backdrop="static" id="deleteModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Delete room type</div>
                </div>
                <div class="modal-body">
                    Delete&nbsp;<span class="roomType text-accent"></span>&nbsp;Room type will be deleted&nbsp;<span class="roomNum text-accent"></span>Are you sure you want to delete it?
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitDelete">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Edit room type的模态框-->
    <div class="modal fade" data-backdrop="static" id="editModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Edit room type</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Name:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="editName" autocomplete="off" placeholder="Please enter room name" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Price:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="editPrice" autocomplete="off" placeholder="Unit({$hotelDefaultSymbol})" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block" style='line-height:18px'></div>
                            </div>
                        </div>
                        <if condition = "$isPayUclbrt eq true or $isFreeHotel eq true">
                            <div class="form-group">
                                <label class="col-xs-3 control-label">Charity sale price:</label>
                                <div class="col-xs-5">
                                    <input type="text" class="form-control" id="editCharityPrice" autocomplete="off" placeholder="Unit({$hotelDefaultSymbol})" value="" />
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block" style='line-height:18px'></div>
                                </div>
                            </div>
                        </else>
                        </if>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Room number:</label>
                            <div class="col-xs-9 roomNumContainer" id="editRoomNumContainer"></div>
                        </div>
                        <div class="row">
                            <div class="col-xs-9 col-xs-offset-3">
                                <div class="btn-sm btn-link" id="editRoomNumTrigger">+Add room number</div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitEdit">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Add room type的模态框-->
    <div class="modal fade" data-backdrop="static" id="addModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Add room type</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Name:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="addName" autocomplete="off" placeholder="Please enter room name" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Price:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="addPrice" autocomplete="off" placeholder="Unit({$hotelDefaultSymbol})" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block" style='line-height:18px'></div>
                            </div>
                        </div>
                        <if condition= "$isPayUclbrt eq true or $isFreeHotel eq true">
                                <div class="form-group">
                                <label class="col-xs-3 control-label">Charity sale price:</label>
                                <div class="col-xs-5">
                                    <input type="text" class="form-control" id="addCharityPrice" autocomplete="off" placeholder="Unit({$hotelDefaultSymbol})" value="" />
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block" style='line-height:18px'></div>
                                </div>
                            </div>
                        <else />
                        </if>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Room number:</label>
                            <div class="col-xs-9 roomNumContainer" id="addRoomNumContainer"></div>
                        </div>
                        <div class="row">
                            <div class="col-xs-9 col-xs-offset-3">
                                <div class="btn-sm btn-link" id="addRoomNumTrigger">+Add room number</div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitAdd">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!--按SUN历SettingRoom typePrice模态框-->
    <div class="modal fade" data-backdrop="static" id="price_calendar">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title"><span class="price_calendar_title pull-left"></span><span>Price of calendar</span><span class="price_calendar_last_room" id="price_calendar_last_room">Rear cubicle sale</span></div>
                </div>
                <div class="modal-body">
                    
	                    <table>	                    
		                    <tr>
		                    <td class="calendar_wrap">                            
			                    <table id="calendar_months">
			                    </table>
                            </td>
                            <td class="calendar_wrap">
			                    <table>
				                    <thead class="calendar_header">
				                    	<tr><th>Monday</th><th>Tuesday</th><th>Wednesday</th><th>Thursday</th><th>Friday</th><th>Saturday</th><th>Sunday</th></tr>
				                    </thead>
				                    <tbody id="calendar_days"></tbody>
			                    </table>
		                    </td>
		                    </tr>
	                    </table>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <span>Click the date to set the price.</span><span class="err_info"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Price setting弹窗 -->    
    <div class="modal fade" id="price_calendar_set">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title">Price setting</h4>
                </div>
                <div class="modal-body">
                    <span>Please enter the price:{$hotelDefaultSymbol}</span><input tabindex="0" class="price_input" id="price_input" type="text"/> 
                </div>
                <div class="modal-footer">
                	<span id="set_price_info"></span>
                    <button id="set_price" type="button" class="btn-primary btn-raised ulite-js-btn ulite-js-ripple-effect">OK</button>
                </div>
            </div>
        </div>
    </div>
    <!--QrmasterLogin模态框-->
    <div class="modal fade" data-backdrop="static" id="addLastRoomModel">
        <div class="modal-dialog sm-width">
            <div class="modal-content" id="price_last_room">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Rear cubicle sale</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Room type:</label>
                            <label class="col-xs-2 control-label" id="price_last_roomtype">单人</label>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Due to knock:</label>
                            <div class="col-xs-8 input-group">
                                <div class="price-dot">{$hotelDefaultSymbol}</div>
                                <input type="text" class="form-control price-input" id="decRMB" autocomplete="off" value="" maxlength="6" placeholder="Integral numbe" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="border-box" id="datePickerContainer">
                                <div class="col-xs-2 col-without-padding">Date:</div>
                                <div class="col-xs-10 col-without-padding">
                                    <div id="datePicker"><span class="iconfont icon-calendar"></span>&nbsp;
                                    <span class="start">2017-02-01</span>&nbsp;~&nbsp;
                                    <span class="end">2017-02-27</span></div>
                                    <input id="datePickerInput" value="">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Time:</label>
                            <div class="col-xs-7 input-group">
                                <select class="form-control price-time-select" id="startTime">
                                    <option value="0">00:00</option>
                                    <option value="1">01:00</option>
                                    <option value="2">02:00</option>
                                    <option value="3">03:00</option>
                                    <option value="4">04:00</option>
                                    <option value="5">05:00</option>
                                    <option value="6">06:00</option>
                                    <option value="7">07:00</option>
                                    <option value="8">08:00</option>
                                    <option value="9">09:00</option>
                                    <option value="10">10:00</option>
                                    <option value="11">11:00</option>
                                    <option value="12">12:00</option>
                                    <option value="13">13:00</option>
                                    <option value="14">14:00</option>
                                    <option value="15">15:00</option>
                                    <option value="16">16:00</option>
                                    <option value="17">17:00</option>
                                    <option value="18">18:00</option>
                                    <option value="19">19:00</option>
                                    <option value="20">20:00</option>
                                    <option value="21">21:00</option>
                                    <option value="22">22:00</option>
                                    <option value="23">23:00</option>
                                </select>
                                <div class="price-time">━</div>
                                <select class="form-control price-time-select" id="endTime">
                                    <option value="1">01:00</option>
                                    <option value="2">02:00</option>
                                    <option value="3">03:00</option>
                                    <option value="4">04:00</option>
                                    <option value="5">05:00</option>
                                    <option value="6">06:00</option>
                                    <option value="7">07:00</option>
                                    <option value="8">08:00</option>
                                    <option value="9">09:00</option>
                                    <option value="10">10:00</option>
                                    <option value="11">11:00</option>
                                    <option value="12">12:00</option>
                                    <option value="13">13:00</option>
                                    <option value="14">14:00</option>
                                    <option value="15">15:00</option>
                                    <option value="16">16:00</option>
                                    <option value="17">17:00</option>
                                    <option value="18">18:00</option>
                                    <option value="19">19:00</option>
                                    <option value="20">20:00</option>
                                    <option value="21">21:00</option>
                                    <option value="22">22:00</option>
                                    <option value="23">23:00</option>
                                    <option value="24">24:00</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group" id="div-set-room-price">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right" id="set-room-price"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitLastRoom">Promote</button>
                                <button type="button" class="btn-sm btn-accent btn-raised hidden" id="clearLastRoom">Clear promote</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-content hidden" id="bindCommunityContent">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Bind community</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Community num:</label>
                            <div class="col-xs-9" id="communitiesContainer">
                                <div class="tag-selected-container">
                                </div>
                                <div class="tag-avaliable-container">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitBindCommunity">Bind</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Sync qrmaster room模态框-->
    <div class="modal fade" data-backdrop="static" id="synQrmRoomModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Sync qrmaster room</div>
                </div>
                <div class="modal-body">
                    The name of the room and the qrmaster in the room name, recommend you to synchronize data. After the guests will immediately receive a qrcode SMS notification service or print RF card. Is it synchronized?
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitSynQrmRoom">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--QrmasterLogin模态框-->
    <div class="modal fade" data-backdrop="static" id="qrmLoginModel">
        <div class="modal-dialog sm-width">
            <div class="modal-content" id="loginContent">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Login qrmaster</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Type:</label>
                            <div class="col-xs-5">
                                <label class="radio-inline">
                                    <input type="radio" name="qrmLoginType" id="qrmLoginTypeMobile" checked value="1"> Mobile
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="qrmLoginType" id="qrmLoginTypeEmail" value="0"> Email
                                </label>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">帐号:</label>
                            <div class="col-xs-5">
                                <div id="qrmLoginMobileContainer">
                                    <include file="en_us:Public:Include_area_code" style='' direction='left' />
                                    <input type="text" class="form-control" id="qrmLoginNameMobile" autocomplete="off" value="" maxlength="50" placeholder="Please enter qrmaster login phone number" />
                                </div>
                                <div id="qrmLoginEmailContainer" class='hidden'>
                                    <input type="text" class="form-control" id="qrmLoginNameEmail" autocomplete="off" value="" maxlength="50" placeholder="Please enter qrmaster login email" />
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Password:</label>
                            <div class="col-xs-5">
                                <input type="password" class="form-control" id="qrmLoginPassword" autocomplete="off" placeholder="Please enter qrmaster password" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitQrmLogin">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-content hidden" id="bindCommunityContent">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Bind community</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Community num:</label>
                            <div class="col-xs-9" id="communitiesContainer">
                                <div class="tag-selected-container">
                                </div>
                                <div class="tag-avaliable-container">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitBindCommunity">Bind</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Sync qrmaster room模态框-->
    <div class="modal fade" data-backdrop="static" id="synQrmRoomModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Sync qrmaster room</div>
                </div>
                <div class="modal-body">
                    The name of the room and the qrmaster in the room name, recommend you to synchronize data. After the guests will immediately receive a qrcode SMS notification service or print RF card. Is it synchronized?
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitSynQrmRoom">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Hour roomInitialization模态框 -->    
    <div class="modal fade" id="setHourRoomModal">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal"><span>&times;</span></button>
                   <div class="modal-title">Hour roomTypeSetting</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-1 control-label"></label>
                            <label class="control-label">the hour room booking time </label>
                        </div>
                        <div class="form-group" style="margin-top: 0px;">
                            <label class="col-xs-2 control-label"></label>
                            <div class="col-xs-7 input-group">
                                <select class="form-control hour-time-select" id="hourRoomStartTime">
                                    <option value="">Please choose</option>
                                    <option value="0">00:00</option>
                                    <option value="1">01:00</option>
                                    <option value="2">02:00</option>
                                    <option value="3">03:00</option>
                                    <option value="4">04:00</option>
                                    <option value="5">05:00</option>
                                    <option value="6">06:00</option>
                                    <option value="7">07:00</option>
                                    <option value="8">08:00</option>
                                    <option value="9">09:00</option>
                                    <option value="10">10:00</option>
                                    <option value="11">11:00</option>
                                    <option value="12">12:00</option>
                                    <option value="13">13:00</option>
                                    <option value="14">14:00</option>
                                    <option value="15">15:00</option>
                                    <option value="16">16:00</option>
                                    <option value="17">17:00</option>
                                    <option value="18">18:00</option>
                                    <option value="19">19:00</option>
                                    <option value="20">20:00</option>
                                    <option value="21">21:00</option>
                                    <option value="22">22:00</option>
                                    <option value="23">23:00</option>
                                </select>
                                <div class="hour-time">━</div>
                                <select class="form-control hour-time-select" id="hourRoomEndTime">
                                    <option value="">Please choose</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <span id="set_init_hour_info"></span>
                    <button type="button" class="btn-primary btn-raised ulite-js-btn ulite-js-ripple-effect"  data-toggle="modal" data-target="#confirmRoomInitModal">OK</button>
                </div>
            </div>
        </div>
    </div>
    <!--Add hour roomRoom type的模态框-->
    <div class="modal fade" data-backdrop="static" id="addHourRoomModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Add hour room</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Name:</label>
                            <div class="col-xs-5">
                                <select class="form-control" id="hourRoomTypeSelect"></select>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Time:</label>
                            <div class="col-xs-6 input-group">
                                <div class="price-hour">2 hours</div>
                                <input type="text" class="form-control price-input" placeholder="Price for C/I two hours">
                            </div>
                            <div class="help-block"></div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label"></label>
                            <div class="col-xs-6 input-group">
                                <div class="price-hour">4 hours</div>
                                <input type="text" class="form-control price-input" placeholder="Price for C/I four hours">
                            </div>
                            <div class="help-block"></div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label"></label>
                            <div class="col-xs-6 input-group">
                                <div class="price-hour">6 hours</div>
                                <input type="text" class="form-control price-input" placeholder="Price for C/I six hours">
                            </div>
                            <div class="help-block"></div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-3 control-label">Room number:</label>
                            <div class="col-xs-9 roomNumContainer" id="addHourRoomNumContainer"></div>
                        </div>
                        <div class="form-group hourRoomTypeGroup">
                            <label class="col-xs-3 control-label">OptionalRoom:</label>
                            <div class="col-xs-9 hourRoomTypeContainer" id="hourRoomTypeAdd">
                                <div class="tag-avaliable-container" id="hourRoomTagContainer">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitHourRoomAdd">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Edit room type的模态框-->
    <div class="modal fade" data-backdrop="static" id="editHourRoomModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Edit room type</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Name:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" disabled="disabled" id="editHourRoomName" autocomplete="off" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Time:</label>
                            <div class="col-xs-6 input-group">
                                <div class="price-hour">2 hours</div>
                                <input type="text" class="form-control price-input" placeholder="Price for C/I two hours">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label"></label>
                            <div class="col-xs-6 input-group">
                                <div class="price-hour">4 hours</div>
                                <input type="text" class="form-control price-input" placeholder="Price for C/I four hours">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label"></label>
                            <div class="col-xs-6 input-group">
                                <div class="price-hour">6 hours</div>
                                <input type="text" class="form-control price-input" placeholder="Price for C/I six hours">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Room number:</label>
                            <div class="col-xs-9 roomNumContainer" id="editHourRoomNumContainer"></div>
                        </div>
                        <div class="form-group hourRoomTypeGroup">
                            <label class="col-xs-3 control-label">OptionalRoom:</label>
                            <div class="col-xs-9 hourRoomTypeContainer" id="hourRoomTypeEdit">
                                <div class="tag-avaliable-container" id="editHourRoomTagContainer">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitHourRoomEdit">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Delete room type的模态框-->
    <div class="modal fade" data-backdrop="static" id="deleteHourRoomModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Delete room type</div>
                </div>
                <div class="modal-body">
                    Delete&nbsp;<span class="roomType text-accent"></span>&nbsp;Room type will delete All rooms&nbsp;Are you sure you want to delete it?
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitHourRoomDelete">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--InitializationConfirm的模态框-->
    <div class="modal" id="confirmRoomInitModal" >
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Confirm initialization:</h4>
                </div>
                <div class="modal-body">              
                <li>Confirm? Chance only once!</li></div>
                <div class="modal-footer">
                    <span id="confirm-room-init" class="help-info"></span>
                    <button type="button" class="cancel-init" data-dismiss="modal">Cancel</button>
                    <button type="button" class="confirm-init" id="init-hour-room">Confirm</button>
                </div>
            </div>
        </div>
    </div>
    <!--Add Long rental room的模态框-->
    <div class="modal fade" data-backdrop="static" id="addLongRoomModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Add room type</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Name:</label>
                            <div class="col-xs-5">
                                <select class="form-control" id="longRoomTypeSelect"></select>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Price:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="addLongRoomPrice" autocomplete="off" placeholder="Unit({$hotelDefaultSymbol}/m)" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block" style='line-height:18px'></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Room number:</label>
                            <div class="col-xs-9 roomNumContainer" id="addLongRoomNumContainer"></div>
                        </div>
                        <div class="form-group longRoomTypeGroup">
                            <label class="col-xs-3 control-label">OptionalRoom:</label>
                            <div class="col-xs-9 longRoomTypeContainer" id="longRoomTypeAdd">
                                <div class="tag-avaliable-container" id="longRoomTagContainer">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitLongRoomAdd">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--EditLong rental room的模态框-->
    <div class="modal fade" data-backdrop="static" id="editLongRoomModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Edit room type</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Name:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" disabled="disabled" id="editLongRoomName" autocomplete="off" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Price:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="editLongRoomPrice" autocomplete="off" placeholder="Unit({$hotelDefaultSymbol}/m)" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block" style='line-height:18px'></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Room number:</label>
                            <div class="col-xs-9 roomNumContainer" id="editLongRoomNumContainer"></div>
                        </div>
                        <div class="form-group longRoomTypeGroup">
                            <label class="col-xs-3 control-label">OptionalRoom:</label>
                            <div class="col-xs-9 longRoomTypeContainer" id="longRoomTypeEdit">
                                <div class="tag-avaliable-container" id="editLongRoomTagContainer">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitLongRoomEdit">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--DeleteLong rental room的模态框-->
    <div class="modal fade" data-backdrop="static" id="deleteLongRoomModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Delete room type</div>
                </div>
                <div class="modal-body">
                    Delete&nbsp;<span class="roomType text-accent"></span>&nbsp;Room type will delete All rooms&nbsp;Are you sure you want to delete it?
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitLongRoomDelete">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--临h模板-->
    <script type="text/html" id="addRoomTemplate">
        <div class="addRoomNum">
            <input type="text" class="form-control roomNumInput" autocomplete="off" placeholder="" value="" maxlength='15' />
            <span class="iconfont icon-minus text-accent"></span>
        </div>
    </script>
    <!--可Syc qrmastera标签模版-->
    <script type="text/html" id="synQrmRoom">
        <a href="#" class="roomNameTagTip accent" title='Can be synchronized'><span class="glyphicon iconfont icon-warningsign"></span></a>
    </script>
    <!--可Syc qrmastera标签模版-->
    <script type="text/html" id="synedQrmRoom">
        <div href="#" class="roomNameTagTip success" title='Sync qrmaster'><span class="glyphicon iconfont icon-mobile"></span></div>
    </script>
    <!--可Syc qrmastera标签模版-->
    <script type="text/html" id="synedRFRoom">
        <div href="#" class="roomNameTagTip success" title='The RF card has been synchronized'><span class="glyphicon glyphicon-credit-card"></span></div>
    </script>
    <!--可Syc qrmastera标签模版-->
    <script type="text/html" id="synedQrbRoom">
        <div href="#" class="roomNameTagTip success" title='The QRB card has been synchronized'><span class="glyphicon glyphicon-credit-qrbcard"></span></div>
    </script>
    <!--DisabledEnabled酒店模板-->
    <script type="text/html" id="templateDisabledHotel">
        <label class="switch ulite-js-switch ulite-js-ripple-effect">
            <input type="checkbox" class="switch-input" checked />
            <span class="switch-label nowrap-content text-left"></span>
        </label>
    </script>
    <!--临h模板-->
    <script type="text/html" id="addHourRoomTemplate">
        <div class="tag hour-room-tag">
            <span class="tag-text"></span>
            <span class="iconfont icon-minus text-accent tag-minus"></span>
        </div>
    </script>
    <!--临h模板-->
    <script type="text/html" id="addLongRoomTemplate">
        <div class="tag long-room-tag">
            <span class="tag-text"></span>
            <span class="iconfont icon-minus text-accent tag-minus"></span>
        </div>
    </script>
    <script type="text/html" id="templateHourRoom">
        <tr>
            <td class="col-xs-3"><span class="roomTypeName"></span></td>
            <td class="col-xs-4 roomNumbers">
                
            </td>
            <td class="col-xs-1">{$hotelDefaultSymbol}<span class="roomTypePrice"></span></td>
            <td class="col-xs-1">{$hotelDefaultSymbol}<span class="roomTypePrice"></span></td>
            <td class="col-xs-1">{$hotelDefaultSymbol}<span class="roomTypePrice"></span></td>
            <td class="col-xs-1 roomcount"></td>
            <td class="col-xs-2">
                <div class="btn-link editHourRoomBtn" data-toggle="modal" data-target="#editHourRoomModal">Modify</div>
                <div class="btn-link deleteRoomBtn" data-toggle="modal" data-target="#deleteHourRoomModal">Delete</div>
            </td>
        </tr>
    </script>
    <script type="text/html" id="templateLongRoom">
        <tr>
            <td class="col-xs-3"><span class="roomTypeName"></span></td>
            <td class="col-xs-4 roomNumbers"></td>
            <td class="col-xs-1">{$hotelDefaultSymbol}<span class="roomTypePrice"></span></td>
            <td class="col-xs-1 roomcount"></td>
            <td class="col-xs-2">
                <div class="btn-link editLongRoomBtn" data-toggle="modal" data-target="#editLongRoomModal">Modify</div>
                <div class="btn-link deleteLongRoomBtn" data-toggle="modal" data-target="#deleteLongRoomModal">Delete</div>
            </td>
        </tr>
    </script>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/uclbrt/ulite/city/citylist_en_us.min.js?rev=eb037c4769250fbfbd6d87f2b5ba2e15"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/moment.js/2.9.0/moment.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=3eaece6fb9364720bc065d082584c75ad"></script>
    <script type="text/javascript" src="/Public/dist/Home/RoomPage/calendar.js?rev=706a1a304bf22g22c374d0eb5e53f0b1d"></script>
    <script type="text/javascript" src="/Public/dist/Home/RoomPage/index.js?rev=706a1a304bf2232c374d0eb5e53f0b0d"></script>
    <script type="text/javascript" src="/Public/dist/Home/RoomPage/hourroom.js?rev=706a1a304bf2232c374d0eb5e53f0b2d"></script>
    <script type="text/javascript" src="/Public/dist/Home/RoomPage/longroom.js?rev=706a1a304bf2232c374d0eb5e53f0b2d"></script>
    <script type="text/javascript">
        <empty name="roomNames">
            window.init = [];
            <else />
            window.init = $.parseJSON('{:json_encode($roomNames);}');
        </empty>
        <empty name="qrmRoomNames">
            window.qrmInit = [];
            <else />
            window.qrmInit = $.parseJSON('{:json_encode($qrmRoomNames);}');
        </empty>
    </script>
</block>